<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小U-产品分类</title>
    <link rel="stylesheet" href="./css/reset.css">
    <script src="./js/remScale.js"></script>
    <link rel="stylesheet" href="./css/classify.css">
    <link rel="stylesheet" href="./css/public.css">
</head>
<body>
    <div class="contain">
        <header class="header">
            <div class="left">
                <a href="#"><img src="./images/public/arrow.jpg" alt=""></a>
            </div>
            <div class="center">
                <h2>商品分类</h2>
            </div>
            <div class="right">
                <span></span>
                <span></span>
                <span></span>
            </div>       
        </header>
        <div class="main">
            <div class="m-left">
                <ul>
                    <li><a href="#">施华蔻</a></li>
                    <li><a href="#">沙宣</a></li>
                    <li><a href="#">欧莱雅</a></li>
                    <li><a href="#">潘婷</a></li>
                    <li><a href="#">资生堂</a></li>
                    <li><a href="#">阿道夫</a></li>
                    <li><a href="#">卡诗</a></li>
                    <li><a href="#">海飞丝</a></li>
                    <li><a href="#">资生堂</a></li>
                </ul>
            </div>
            <div class="m-right">
                <div class="nav">
                    <div class="nav-left">
                        <a href="#">洗发类</a>
                    </div>
                    <div class="nav-right">
                        <a href="#">更多<img src="./images/public/right.jpg" alt=""></a>
                    </div>
                </div>
                <div class="m-list">
                    <ul>
                        <li>
                            <a href="#"><img src="./images/classify/shop_1.jpg" alt=""></a>
                            <p>护亮泽洗发水</p>
                        </li>
                        <li>
                            <a href="#"><img src="./images/classify/shop_1.jpg" alt=""></a>
                            <p>护亮泽洗发水</p>
                        </li>
                        <li>
                            <a href="#"><img src="./images/classify/shop_1.jpg" alt=""></a>
                            <p>护亮泽洗发水</p>
                        </li>
                        <li>
                            <a href="#"><img src="./images/classify/shop_1.jpg" alt=""></a>
                            <p>护亮泽洗发水</p>
                        </li>
                        <li>
                            <a href="#"><img src="./images/classify/shop_1.jpg" alt=""></a>
                            <p>护亮泽洗发水</p>
                        </li>
                        <li>
                            <a href="#"><img src="./images/classify/shop_1.jpg" alt=""></a>
                            <p>护亮泽洗发水</p>
                        </li>   
                    </ul>
                </div>
                <div class="nav">
                    <div class="nav-left">
                        <a href="#">洗发类</a>
                    </div>
                    <div class="nav-right">
                        <a href="#">更多<img src="./images/public/right.jpg" alt=""></a>
                    </div>
                </div>
                <div class="m-list2">
                    <ul>
                        <li>
                            <a href="#"><img src="./images/classify/shop_2.jpg" alt=""></a>
                            <p>施华蔻染色</p>
                        </li>
                        <li>
                            <a href="#"><img src="./images/classify/shop_2.jpg" alt=""></a>
                            <p>施华蔻染色</p>
                        </li>
                        <li>
                            <a href="#"><img src="./images/classify/shop_2.jpg" alt=""></a>
                            <p>施华蔻染色</p>
                        </li>
                         
                    </ul>
                </div>

            </div>
        </div>
    </div>
</body>
</html>